<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/public-bottom.css">
    <link rel="stylesheet" href="../css/first.css">
    <script src="../js/公共等比缩放.js"></script>
    <script src="../js/touch.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html{
            font-size: 100px;
        }
        .all{
            width: 100vw;
            height: 100%;
            background-color: #cccccc;
        }
        .header{
            width: 100vw;
            height: 0.5rem;
            background-color: #ff8a00;
            display: flex;
        }
        .logos{
            flex: 1;
            display: flex;
        }
        .logo{
            width: 1.5rem;
            height: 0.45rem;
            margin: 0.04rem auto;
        }
        .mys{
            flex: 1;
            display: flex;
        }
       .my,.xiazai{
           width: 0.3rem;
           height: 0.35rem;
          margin-top:0.08rem ;
       }
       .my{
        margin-left:0.6rem ;
       }
       .xiazai{
        margin-left:0.3rem ;
       }
       .my1,.xiazai1{
           display: flex;
       }
    </style>
</head>

<body>
    <div class="all">
        <header>
            <div class="header">
                <div class="logos"> 
                    <img src="../img/logo.jpg" class="logo">
                </div>
               <div class="mys">
                   <a href="./logining.html" class="my1"><img src="../img/my.jpg" class="my"></a>
                   <a href="#" class="xiazai1"><img src="../img/xiazai.jpg" class="xiazai"></a>
                 </div>
            </div>
        </header>
        <div class="main">
            <div>
                <div class="find">
                    <img src="../img/seach.jpg" alt="">
                    <input type="text" class="find-input" placeholder="输入小区或商圈名开始找房咯!">
                </div>
            </div>
            <div>
                <ul class="ul-1">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul class="ul-2">
                    <li>二手房</li>
                    <li>新房</li>
                    <li>租房</li>
                    <li>卖房</li>
                </ul>
            </div>
            <div>
                <img src="../img/banner2.png" alt="">
            </div>
            <div>
                <p class="p-1">热门房源</p>
                <p class="p-2">Hot house</p>
            </div>
            <div>
                <ul>
                    <li>
                        <div class="li-div1"><img src="../img/img1.jpg" alt=""></div>
                        <div class="li-div2">
                            <div>
                                <h2>光华部中间 一层带...</h2>
                                <p>2室1厅96m²南北 <span>1105万</span> </p>
                                <p>光大水墨 <span>14268元/平</span> </p>
                                <p>学区房 &nbsp; 独家</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="li-div1"><img src="../img/img2.png" alt=""></div>
                        <div class="li-div2">
                            <div>
                                <h2>光华部中间 一层带...</h2>
                                <p>2室1厅96m²南北 <span>1105万</span> </p>
                                <p>光大水墨 <span>14268元/平</span> </p>
                                <p>学区房 &nbsp; 独家</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="li-div1"><img src="../img/img3.png" alt=""></div>
                        <div class="li-div2">
                            <div>
                                <h2>光华部中间 一层带...</h2>
                                <p>2室1厅96m²南北 <span>1105万</span> </p>
                                <p>光大水墨 <span>14268元/平</span> </p>
                                <p>学区房 &nbsp; 独家</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div>
                <div class="fl">
                    <div class="fl-1">热门关注</div>
                    <div  class="fl-2">友情链接</div>
                </div>
               <div class="focus">
                    <ul class="ul1"> 
                        <li> 北京二手房 </li>
                        <li> 北京二手房 </li>
                        <li> 北京二手房 </li>
                        <li> 北京二手房 </li>
                    </ul>
                    <ul class="ul2"> 
                        <li> 北京找房无忧 </li>
                        <li> 北京找房无忧 </li>
                        <li> 北京找房无忧 </li>
                        <li> 北京找房无忧 </li>
                    </ul>
               </div>
               <div class="links">
                <ul class="ul1"> 
                    <li> 海淀日租房 </li>
                    <li> 海淀日租房 </li>
                    <li> 海淀日租房 </li>
                    <li> 海淀日租房 </li>
                </ul>
                <ul class="ul2"> 
                    <li> 免税房源 </li>
                    <li> 免税房源 </li>
                    <li> 免税房源 </li>
                    <li> 免税房源 </li>
                </ul>
            </div>
            </div>
        </div>
        <div class="bottom">
            <div>北京找房无忧网>首页</div>
            <div> 
                <div class="bottom-left"> 
                    <div></div>
                    <div>
                        <img src="../img/apple.png" alt="">
                        <div class="apple-right"> iphone 客户端</div>
                    </div>
                   
                </div>
                <div class="bottom-right"> 
                    <div>
                        <img src="../img/android.png" alt="">
                        <div class="android-right"> android 客户端</div>
                    </div>
                    <div></div>
               </div>
             </div>
             <div>北京找房无忧房地产经纪有限公司</div>
             <div> 网络经许可证京ICP备20160812号-12</div>
        </div>
        
    </div>
</body>
    <script>
        var fl1_ = document.getElementsByClassName('fl-1')[0];
        var fl2_ = document.getElementsByClassName('fl-2')[0];
        var focus_ = document.getElementsByClassName('focus')[0];
        var links_ = document.getElementsByClassName('links')[0];
        fl1_.ontouchstart = function(){
            focus_.style.display = 'inline-block';
            links_.style.display = 'none';
            fl1_.style.color = '#FF8A01';
            fl1_.style.borderBottom = '0.03rem solid #FF7B00';
            fl2_.style.color = '#676767';
            fl2_.style.borderBottom = '0.01rem solid #FF8A01';

        }
        fl2_.ontouchstart = function(){
            focus_.style.display = 'none';
            links_.style.display = 'inline-block';
            fl1_.style.color = '#676767';
            fl1_.style.borderBottom = '0.01rem solid #FF8A01';
            fl2_.style.color = '#FF8A01';
            fl2_.style.borderBottom = '0.03rem solid #FF7B00';
        }
        var find_ = document.querySelector('.find');
        touch.on(find_,'tap',function(){
            window.location.href = './search.html';        })
       
    </script>
</html>